<template>
    <div class="addr">
        <div class="address" >
            <div class="s-btn">
                <span class="iconfont iconditu"></span>
            </div>
            <div class="info">
                <div class="user">
                    <span class="name">{{address.name}}</span>
                    <span class="phone">{{address.mobile}}</span>
                </div>
                <div class="detail">
                    {{address.province+address.city+address.county+address.detail}}
                </div>
            </div>
            <div class="right">
                <span class="iconfont iconarrow_right"></span>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        props:{
          address:null
        },
        name: "index"
    }
</script>

<style scoped lang="stylus">

    .address
        padding 20px 0
        background-color white
        border-radius 5px
        display flex
        align-items center
        .s-btn
            display flex
            align-items center
            justify-content center
            flex 0 0 43px

            .iconfont
                color #F0C808
                font-size 24px
        .info
            padding-right 18px
            flex 1

            .user
                font-size 0
                margin-bottom 13px

                .name
                    color #4E3D07
                    font-size 16px
                    line-height 16px

                .phone
                    color $font-color-light
                    font-size 14px
                    line-height 14px
                    font-weight 300
                    margin-left 12px

            .detail
                color #4E3D07
                font-size 12px
                font-weight 300
                line-height 15px

        .right
            flex 0 0 38px
            display flex
            align-items center
            justify-content center

            .iconfont
                font-size 12px
                color #6F6F6F
</style>